<div class="sidebar-wrapper">
  <ul class="sidebar-menu">
    <li *ngFor="let item of sideMenuList" class="sidebar-menu-item" routerLinkActive="sidebar-menu-item-selected">
      <a
        *ngIf="item.linkType === 'routerLink'"
        [routerLink]="item.path">
        {{ item.name }}
      </a>
      <a
        *ngIf="item.linkType === 'href'"
        [href]="item.path">
        {{ item.name }}
      </a>
    </li>
  </ul>
  <nav class="sidebar-nav">
    <d-accordion [data]="componentsDataDisplay" [linkType]="linkType" [itemTemplate]="itemtemplate"></d-accordion>

    <ng-template #itemtemplate let-item="item">
      {{ item.title }}
      <d-tag *ngIf="item.newChange" [tag]="text.new" [labelStyle]="'orange-w98'"></d-tag>
      <d-tag *ngIf="item.sunset" [tag]="text.sunset" [labelStyle]="'yellow-w98'"></d-tag>
    </ng-template>
  </nav>
</div>
